/* @tailwind base; */
@tailwind components;
@tailwind utilities;

/* 您添加到base、components或utilities层的任何自定义样式，只有当这些样式实际用于HTML时，才会包含在已编译的CSS中。 */
@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}
/* 如果您想添加一些应该始终包含的自定义CSS，请在不使用@layer指令的情况下将其添加到您的样式表中： */
.const-class{
  text-align:  center;
}